<!DOCTYPE html>
<html lang="en"></html>

<head>
    <meta name="viewport" content="width=device-width, initial-scale=0.7, maximum-scale=1.0, user-scalable=0" charset="UTF-8">
    <title>Catch That Cat!</title>
    <script th:src="@{/js/phaser.min.js}"></script>
    <script th:src="@{/js/catch-the-cat.js}"></script>
    <style>
        #catch-the-cat {
            display: flex;
            justify-content: center;
        }
    </style>
</head>


<body>
    <div class="container">
        <div id="catch-the-cat"></div>
        <script>
            window.game = new CatchTheCatGame({
                w: 11,
                h: 11,
                r: 22,
                backgroundColor: 0xeeeeee,
                parent: 'catch-the-cat',
                statusBarAlign: 'center',
                credit: 'Your name...'
            });
        </script>
    </div>
</body>

</html>